<template>
  <div class="miaosha">
    <div class="miaoshaone">
     <van-icon name="arrow-left" />
     <input type="text" placeholder="秒杀">
     <van-icon name="search" />
    </div>
    <div class="miaoshatwo">
        <img src="https://pic.cdfgsanya.com/assets/upload/img/c26ffbf4f56f2743a665e753c2f0eba7.png" alt="">
    </div>
    <div class="miaoshathree">
        <div class="miaoshathree1">
            <span>00.00</span>
            <div class="miaoshathree11">抢购中</div>
        </div>
        <div class="miaoshathree2">
             <span>10.00</span>
            <div class="miaoshathree22">即将开始</div>
        </div>
        <div class="miaoshathree3">
             <span>14.00</span>
            <div class="miaoshathree33">即将开始</div>
        </div>
        <div class="miaoshathree4">
             <span>20.00</span>
            <div class="miaoshathree44">即将开始</div>
        </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.miaoshaone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: pink;
    font-size: 20px;
    padding: 10px;
    box-sizing: border-box;
    color: white;
}
.miaoshaone>input{
    border: 0;
    text-align: center;
    width: 340px;
    height: 25px;
    background-color: pink;
    font-size: 16px;
}
.miaoshatwo{
    width: 355px;
    height: 136px;
    margin: 0 auto;
}
.miaoshatwo>img{
    width: 100%;
    border-radius: 10px;
}
.miaoshathree{
    height: 58px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}
.miaoshathree1,
.miaoshathree2,
.miaoshathree3,
.miaoshathree4{
    text-align: center;
    font-size: 14px;
}
.miaoshathree1>span,
.miaoshathree2>span,
.miaoshathree3>span,
.miaoshathree4>span{
    /* margin-bottom: 15px; */
    font-weight: 700;
}
.miaoshathree1>.miaoshathree11,
</style>